/**
预约报名
*/
.jbPhoneTip{
  padding: 6px 12px;
  background: rgba(0,0,0,.8);
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  color: #fff;
  display: none;
  z-index: 2000;
}
.singup-alert-box{
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0,0,0,.4);
  display: none;
  z-index: 1000;
}
.show{
  display: block;
}
.singup-alert-box.show .signup-main-box{
  animation:fadeYIn .3s .2s ease both
}
@-webkit-keyframes fadeYIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-60px);
        transform: translateY(-60px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.signup-main-box{
  width: 600px;
  overflow: hidden;
  background: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #333;
  position: absolute;
  top: 50%;
  margin-top: -293px;
  left: 50%;
  margin-left: -300px;
}
.signup-main-box .top{
  width: 584px;
  height: 79px;
  padding-left: 16px;
  border-bottom: 1px solid #dedede;
}
.signup-main-box .top .tit{
  font-size: 18px;
  color: #000;
  padding-top: 18px;
  line-height: 24px;
}
.signup-main-box .top .tit_dec{
  font-size: 12px;
  color: #999;
  line-height: 20px;
}
.signup-main-box .top .close{
  font-size: 20px;
  position: absolute;
  right: 14px;
  top: 12px;
  cursor: pointer;
}
.signup-main-box .form-body{
  width: 396px;
  overflow: hidden;
  margin: 20px 0 10px 88px;
  font-size: 14px;
  color: #333;
}
.signup-main-box .form-body .tip{
  color: #7d7c7c;
  padding-bottom: 14px;
}
.signup-main-box .form-body .form-group{
  width: 100%;
  overflow: hidden;
  margin-bottom: 16px;
}
.signup-main-box .form-body .form-group .label{
  float: left;
  width: 76px;
  padding-left: 10px;
  line-height: 36px;
  text-align: right;
}
.signup-main-box .form-body .form-group .js-input{
  width: 278px;
  padding-left: 6px;
  float: right;
  line-height: 34px;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.signup-main-box .form-body .form-group .js-form{
  float: right;
  width: 284px;
  line-height: 36px;
} 
::-webkit-input-placeholder { /* WebKit browsers */
　　line-height: 36px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
　　line-height: 36px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
　　line-height: 36px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
　　line-height: 36px;
}
.signup-main-box .form-body .form-group .js-form .js-radio{
  width: 50px;
  float: left;
  line-height: 36px;
}
.signup-main-box .form-body .form-group  #select-time{
  width: 284px;
  padding-left: 6px;
  float: right;
  height: 34px;
  line-height: 34px;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  vertical-align: middle; 

}
.signup-main-box .form-body .form-group  #textarea{
  width: 272px;
  padding: 6px;
  float: right;
  height: 64px;
  line-height: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  overflow: hidden;
}
.form-footer{
  width: 100%;
  height: 79px;
  overflow: hidden;
  border-top: 1px solid #dedede;
} 
.form-footer .submit-btn{
  width: 80px;
  height: 34px;
  line-height: 34px;
  color: #fff;
  text-align: center;
  background: #db382b;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  float: right;
  outline: none;
  border: none;
  cursor: pointer;
  margin: 18px 56px 0 0; 
}

